<template>
	<tm-fullView>
		<tm-menubars title="加载状态" color="bg-gradient-primary-lighten"  :showback="true"></tm-menubars>
		
		<tm-sheet :shadow="24">
			<view class="text-size-s text-weight-b mb-32">加载中</view>
			<tm-loadding></tm-loadding>
		</tm-sheet>
		<tm-sheet :shadow="24">
			<view class="text-size-s text-weight-b mb-32">加载成功</view>
			<tm-loadding :success="true"></tm-loadding>
		</tm-sheet>
		<tm-sheet :shadow="24">
			<view class="text-size-s text-weight-b mb-32">加载失败</view>
			<tm-loadding :fail="true"></tm-loadding>
		</tm-sheet>
		<tm-sheet :shadow="24">
			<view class="text-size-s text-weight-b mb-32">自定义</view>
			<tm-loadding success icon="icon-times-circle-fill" label="没有更多啦" color="blue"></tm-loadding>
		</tm-sheet>
	</tm-fullView>

</template>

<script>
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	import tmLoadding from "@/tm-vuetify/components/tm-loadding/tm-loadding.vue"
	export default {
		components:{tmFullView,tmMenubars,tmSheet,tmLoadding},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
